@import "./codemirror/lib/codemirror.css";
@import "./codemirror/addon/hint/show-hint.css";
@import "./codemirror/addon/fold/foldgutter.css";
.CodeMirror {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  background: transparent;
  line-height: 1.25;
  flex-grow: 1;
}
.CodeMirror-gutters {
  border-right: 1px solid #dddd;
  background-color: #f7f7f733;
  /* opacity: 0.8; */
  /* background-color: #eee4; */
}
.CodeMirror-hints {
  margin-left: 10px;
  margin-top: 5px;
  padding: 10px 5px;
  z-index: 200;
}
.CodeMirror-hint {
  padding: 2px;
}
.cm-variable,
.cm-punctuation,
.cm-property,
.cm-operator,
.cm-number,
.cm-def,
.cm-keyword,
.cm-comment {
  margin: 0 2px;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #1e91a5;
}
.cm-s-default .cm-comment {
  color: #078b19;
  font-size: 0.85rem;
  font-style: italic;
}
.CodeMirror-foldmarker {
  color: #aaa;
  text-shadow: 0 0 6px #999;
}
.cm-s-default .cm-operator {
  color: #5ad4d8;
}
.cm-s-default .cm-keyword {
  color: #581ef7;
}
.cm-s-default .cm-def {
  color: #332;
}
.cm-property {
  color: #c120c7;
}
.cm-variable {
  color: #d09426;
}

/* js语法检查 */
.lint-error-icon {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  margin: 0 4px;
  margin-top: -2px;
  font-weight: bold;
}
.lint-error {
  color: #fa1e01;
  font-size: 0.8em;
}
